<template>
  <view class="empty">
    <image :src="pic" :style="{ width: size + 'rpx', height: size + 'rpx' }" />
    <text class="tip">{{ text }}</text>
    <slot name="extra"></slot>
  </view>
</template>
<script>
export default {
  props: {
    pic: {
      type: String,
      default: "../../assets/images/empty/normal.png",
    },
    size: {
      type: String|Number,
      default: 400,
    },
    text: {
      type: String,
      default: "暂无数据~",
    },
  },
};
</script>
<style lang="less" scope>
.empty {
    height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .tip {
    font-size: 32rpx;
    color: rgba(7, 11, 28, 0.6);
    margin-top: 16rpx;
  }
}
</style>
